import React, {Component} from 'react';

// 类组件
// export default class Child extends Component {
    // 静态属性
    // static defaultProps = {
    //     title: '默认值(default value)'
    // }

//     render() {
//         return (
//             <div>
//                 child {this.props.title}
//             </div>
//         );
//     }
// }

// Child.defaultProps = {
//     title: '默认值(default value)'
// }


// 函数式组件/无状态组件 =》组件比较轻：不像类组件存在继承父组件的方法、属性；如果只是用于渲染出去，可以采用函数式
// export default (props) => {
//     return (
//         <div>child {props.title}</div>
//     )
// }
export default function Child(props) {
    return (
        <>
            <div>child {props.title}</div>
            { props.children }
        </>

    )
}

Child.defaultProps = {
    title: '默认值(default value)'
}
